
$(function(){
	/*商品列表渲染函数*/
	var flag=true;

	
	function scroll(page,num){
		if(flag){
			flag=false;
			var wrap=$(".content")
		  $.ajax({
			url:'../php/flash.php',
			dataType:"json",
			data:{
				page:page,
				num:num
			},
			success:function(res){
				var html="";
				console.log(res);
				for(var i=0;i<res.length;i++){
					html+=`<div class="product">
			            <div class="img_box">
			                <a href="javascript:">
			                    <img src="${res[i].bg}" alt="">
			                </a>
			                <div class="point">
			                    <span>${res[i].sale}</span>
			                </div>
			            </div>
			            <div class="intro">
			                <div class="pro_logo">
			                    <img src="${res[i].logo}" alt="">
			                </div>
			                <div class="info">
			                    <div class="info_name">${res[i].classify}</div>
			                    <div class="info_day">${res[i].day}</div>
			                </div>
			                <div class="price">
			                    <span>${res[i].price}</span><span>元起</span>
			                </div>
						</div>
					   </div>
					   `
				}
				if(num<4){
					html += `<div class="mloading">loading.....</div>`;
				}
				if($('.mloading')){
					$('.mloading').remove();
				}
				wrap.append(html);
				flag=true;
			}
		})
		}
	}
	/*nav ---- 商品列表初始化*/
	;(function(){
		// var bs = new BScroll('.nav',{
		//   	scrollX:true,
		// })
		var cur;
		$(".nav_wrap .nav li").on('click',function(){
			console.log(777);
			num=1; //每次点击把num重置为1
			cur=$(this).index()
			cur=cur+1;
			$(this).addClass('active').siblings().removeClass('active')
			$(".content").html("")
			scroll(cur,1)
		})

		$(".nav_wrap .nav li").each(function(e,i){
			e.ontouchStart=function(){
				console.log(777);
				num=1; //每次点击把num重置为1
				cur=$(this).index()
				cur=cur+1;
				$(this).addClass('active').siblings().removeClass('active')
				$(".content").html("")
				scroll(cur,1)
			}
		})
		/*商品列表初始化*/
		scroll(1,1)
		var num=1;
	 	$(window).on("scroll",function(){
			cur=cur?cur:1; //cur有值取其值 否则设置为1
			var st=$(window).scrollTop();//获取网页被滚动条卷去的高度
	 		var vh=$(window).height(); //获取网页可视区域的高度
	 		var ph=$(document).height();//获取网页全文的高度
	 		if(st+vh==ph){
				num++;
				if(num>4){
					return;
				 }
	 			scroll(cur,num)
	 		}
	 	})
	})();



	/*返回顶部*/
	;(function(){
		var H=$(".header").height()
		$(".backTop").click(function(){
			// 用的插件
			$("html,body").scrollTo({toT:0})
		})
		$(window).on('scroll',function() {
			var st=$("html,body").scrollTop();
			if(st>H){
				$(".nav").css({
					position: 'fixed',
					top: '0',
					left:0
				});
			}else{
				$(".nav").css({
					position: 'relative',
				});
			}
		});
	})();
});

$(function(){
    //head
    ; (function () {
        var n = 0;
        $(".right_bar").click(function () {
            n++;
            if (n % 2) {
                $(".right_bar i").eq(1).css('display', 'block').siblings().css('display', 'none');
                $(".slide_nav").css('display', 'block');
            } else {
                $(".right_bar i").eq(1).css('display', 'none').siblings().css('display', 'block');
                $(".slide_nav").css('display', 'none');
            }
        })
    })();

    /*swiper轮播*/
    ; (function () {
        var mySwiper = new Swiper('.swiper-container', {
            speed: 400,
            loop: true,
            autoplay: {
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
            }
        })
    })();
});

//加入购物车
(function(){
    if(localStorage.getItem('phone')){
        var d=localStorage.getItem('phone');
        $('.content').on('click','.product',function(){
            var phone=d;
            var shopUrl=$(this).find('.img_box img').attr('src');
            var title=$(this).find('.point span').text();
            var price=$(this).find('.price span:first').text();
            $.ajax({
                url:'../php/insertcar.php',
                type:'post',
                dataType:'json',
                data:{phone,shopUrl,title,price},
                success:function(res){
                    console.log(res);
                    if(res.code){
                       location.href="./car.html";
                    }else{
                        alert('数据库插入失败');
                        location.href="./login.html";
                    }
                }
            })
        })
    }

})();